<script setup>
// defineProps 声明props属性
// defineProps只能在setup函数中使用其他的函数中不能使用
// const props = defineProps(['title'])

// 对象的第一个参数为父组件传递过来的名称
// 该数据的类型 使用的是该类型的构造函数
const props = defineProps({
  title: String,
  greetingMessage: String
})
// 不应该在子组件中去更改一个 prop
// 警告！prop 是只读的！
// props.title = 'abc'

// 如果一个 prop 的名字很长，应使用 camelCase 形式
// 可以直接在模板的表达式中使用，也可以避免在作为属性 key 名时必须加上引号。
// defineProps({
//   greetingMessage: String
// })

</script>

<template>
  <!--  在 3.5 及以上版本，Vue 编译器会自动在前面添加 props-->
  {{ props.title }} <br>
  {{ props.greetingMessage }}
</template>

<style scoped>

</style>